<div>
    <table class="table table-hover ">
        <tr>

            <th scope="col">员工姓名</th>
            <th scope="col">年龄</th>
            <th scope="col">性别</th>
            <th scope="col">入职时期</th>
            <th scope="col">家庭住址</th>
            <th scope="col">所属部门名称</th>
        </tr>
        <#list workers as work>
            <tr>
                <td><span>${work.userName}</span></td>
                <td><span>${work.age}</span></td>
                <td><span>${work.sex}</span></td>
                <td><span>${work.time}</span></td>
                <td><span>${work.adress}</span></td>
                <td><span>${work.workDept.deptName}</span></td>
            </tr>
        </#list>
    </table>
    <div class="box-footer no-padding" style="margin-top: -20px;">
        <div style="padding: 5px;">
            <div id="page"
                 style="background: #fff; border: 0px; margin-top: 0px; padding: 2px; height: 25px;">
                <div style="width: 40%; float: left;">
                    <div class="pageInfo" style="margin-left: 5px;">
                        共<span>${page.totalElements}</span>条 | 每页<span>${page.size}</span>条
                        | 共<span>${page.totalPages}</span>页
                    </div>
                </div>
                <div style="width: 60%; float: left;">
                    <div class="pageOperation">
                        <a href="worker?page=${page.number-1}">上一页</a>
                        <a disabled="disabled" class="btn btn-default no-padding" style="width: 30px; height: 20px;">
                            ${page.number}
                        </a>
                        <a href="worker?page=${page.number+1}">下一页</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    <#if page.number gt 1>
    $('.tableup').on('click', function () {
        $('.thistable').load('${url}?page=${page.number-1}&find=${find!''}');

    });
    </#if>
    <#if page.number lt page.totalPages>
    $('.tabledown').on('click', function () {
        alert(${url})
        $('.thistable').load('${url}?page=${page.number+1}&find=${find!''}');
    });
    </#if>
</script>